@charset "utf-8";
/* CSS Document */

/* PanelGrid Style */
table.air2-panel-grid {
    border-style: hidden;
    border-collapse: collapse;
}
table.air2-panel-grid td.x-table-layout-cell {
    border-color: transparent;
    border-style: solid;
    border-width: 10px 10px 10px;
    vertical-align: top;
    width: 50%;
}
.air2-panel-grid-right {
    margin: 0 0 10px 10px;
}
.air2-panel-grid-left {
    margin: 0 10px 10px 0;
}
.air2-panel-grid-center {
    margin: 0 0 10px 0;
}


/* Air2Panel Style */
.air2-panel {
    background: #fff;
    border-top: 1px solid #fff;
    color: #777;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.air2-panel-header {
    background: #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.air2-panel-header table.header-table {
    width: 100%;
    height: 32px;
}
.air2-panel-header .header-title {
    padding-left: 6px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}
.ext-chrome .air2-panel-header .header-title {
    padding-top: 4px; /* fix chrome valign */
}
.air2-panel-header .header-title.icon {
    background: no-repeat 5px 50%;
    padding-left: 25px;
}
.air2-panel-header .header-total {
    padding: 0 12px;
    color: #888;
    white-space: nowrap;
    font-size: 13px;
}
.air2-panel-header .header-tools {
    width: 100%;
}
.air2-panel-header .x-toolbar {
    background: none;
    border: 0;
}

/* body style */
.air2-panel-body {
    clear: both;
    padding: 5px 7px;
}
.air2-panel-body .air2-panel-empty {
    text-align: center;
    position: relative;
    top: 40px;
}

/* dataview style */
.air2-panel-body .air2-panel-dataview {
    min-height: 125px;
}
.air2-panel-body .air2-panel-dataview li {
    border-bottom: 1px dotted #ddd;
}
.air2-panel-body .air2-panel-dataview table {
    width: 100%;
}
.air2-panel-body .air2-panel-dataview td {
    border-bottom: 1px dotted #ddd;
    padding: 5px 4px;
}

/* editinplace style */
.air2-panel-editinplace form.x-form {
    padding: 0 5px;
}
.air2-panel-editinplace .ext-el-mask {
    opacity: 0.5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.air2-panel-editinplace .x-toolbar {
    border: 0;
    background: none;
}

/* footer style */
.air2-panel-footer {
    background: #eee;
    height: 24px;
    padding: 0 4px;
    border: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

/* collapsed style */
.air2-panel-collapsible .air2-panel-header {
    cursor: pointer;
}
.air2-panel-collapsed .air2-panel-header {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.air2-panel-collapsed .air2-panel-body {
    display: none;
}


/* ===============
   AIR2 BUTTON STYLE
   =============== */
.air2-btn button {
    border: 0;
    padding: 0;
    margin: 0;
    background: none no-repeat;
    cursor: pointer;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.air2-btn.x-btn-text-icon .x-btn-text {
    background-position: 3px center;
    padding-left: 18px;
}
.air2-btn.x-btn-icon .x-btn-text {
    background-position: center;
    width: 22px;
}
/**************
 *  SIZES
 *************/
.air2-btn-small button {
    padding: 2px 4px;
    font-size: 12px;
}
.air2-btn-medium button {
    padding: 3px 5px;
    font-size: 13px;
}
.air2-btn-large button {
    padding: 4px 6px;
    font-size: 14px;
}
/**************
 *  STYLES
 *************/
.air2-btn-plain button {
    background-color: #eee;
    border-color: #ccc;
    color: #666;
}
.air2-btn-plain.x-btn-over button, .air2-btn-plain.x-btn-focus button {
    background-color: #ddd;
    border-color: #999;
    color: #333;
}
.air2-btn-clear button {
    background-color: transparent;
    border-color: transparent;
    color: #666;
}
.air2-btn-clear.x-btn-over button, .air2-btn-clear.x-btn-focus button {
    background-color: #ddd;
    border-bottom-color: #bbb;
}
.air2-btn-save button {
    background-color: #00cc33;
    border-top-color: #99FF99;
    color: #fff;
}
.air2-btn-save.x-btn-over button, .air2-btn-save.x-btn-focus button {
    background-color: #339933;
}
.air2-btn-cancel button {
    background-color: #eee;
    border-color: #ccc;
    border-top-color: #e9e9e9;
    color: #777;
}
.air2-btn-cancel.x-btn-over button, .air2-btn-cancel.x-btn-focus button {
    color: #000;
}
.air2-btn-delete button {
    background-color: #ff0000;
    border-color: #cc0000;
    border-top-color: #ff9999;
    color: #fff;
}
.air2-btn-delete.x-btn-over button, .air2-btn-delete.x-btn-focus button {
    background-color: #993300;
}
.air2-btn-blue button {
    background-color: #3399ff;
    border-color: #0066cc;
    border-top-color: #66ccff;
    color: #fff;
}
.air2-btn-blue.x-btn-over button, .air2-btn-blue.x-btn-focus button {
    background-color: #6699ff;
}
.x-form-file-wrap input.x-form-file {
    cursor: pointer;
}
.air2-btn-new button {
    background-color: #669933;
    border-color: #339900;
    border-top-color: #99cc66;
    color: #fff;
}
.air2-btn-new.x-btn-over button, .air2-btn-new.x-btn-focus button {
    background-color: #339900;
}
.air2-btn-dark button {
    background-color: #ccc;
}
.air2-btn-dark.x-btn-over button, .air2-btn-dark.x-btn-focus button {
    background-color: #fff;
}
.air2-btn-darker button {
    background-color: #555;
    opacity: .7;
}
.air2-btn-darker.x-btn-over button, .air2-btn-darker.x-btn-focus button {
    background-color: #555;
    opacity: 1;
}
.air2-btn-drawer button {
    color: #fff;
    background-color: #555;
    border-top-color: #777;
    border-bottom-color: #444;
    opacity: .8;
}
.air2-btn-drawer.x-btn-over button, .air2-btn-drawer.x-btn-focus button {
    background-color: #555;
    opacity: 1;
}
/**************
 *  ROWEDIT and ROWDELETE button classes
 *************/
.air2-rowedit {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent url(img/icons/pencil-small.png) no-repeat 3px 3px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.air2-rowedit:hover, .air2-rowedit:focus {
    background-color: #ddd;
    border-bottom-color: #bbb;
}
.air2-rowdelete {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent url(img/icons/cross.png) no-repeat 3px 3px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.air2-rowdelete:hover, .air2-rowdelete:focus {
    background-color: #ddd;
    border-bottom-color: #bbb;
}



/* air2 modal window style */
.air2-editwin {
    opacity: 1.00;
    background: #fff;
    border-top: 1px solid #dde;
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.air2-editwin .x-tool-close {
    background: url(img/icons/fancy-close.png) no-repeat;
    height: 28px;
    width: 28px;
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 10;
}
.air2-editwin .header-tools .x-toolbar {
    padding-right: 14px;
}
.air2-editwin .pin-livedataview-selector {
    border-bottom: 1px solid #ddd;
    padding: 8px;
}
.air2-editwin .pin-livedataview-selector.row-alternate {
    background-color: #eee;
}
.air2-editwin .pin-livedataview {
    padding: 8px 10px;
}
.air2-editwin .row-functions {
    vertical-align: top;
    width: 50px;
}
.air2-editwin .air2-rowedit, .air2-editwin .air2-rowdelete {
    visibility: hidden;
}
.air2-editwin .row-over .air2-rowedit, .air2-editwin .row-over .air2-rowdelete {
    visibility: visible;
    opacity: .8;
}
.air2-editwin .air2-rowedit.selected, .air2-editwin .air2-rowdelete.selected {
    visibility: visible;
    opacity: 1;
    background-color: #ddd;
    border-bottom-color: #bbb;
}
.air2-editwin .delete-confirm {
    background: #efefef;
    border: 1px solid #666;
    color: #444;
    font-weight: bold;
    padding: 4px;
    position: absolute;
    visibility: hidden;
}
.air2-editwin .delete-confirm a {
    padding: 3px 0;
    margin-right: 10px;
}
.air2-editwin .delete-confirm a.no {
    color: #666;
}
.air2-editwin-body {
    position: relative;
}
.air2-editwin-body .x-plain-bbar .x-toolbar {
    background: none;
    border: 0;
}
.air2-editwin .air2-panel-empty {
    text-align: center;
    position: relative;
    top: 40px;
    color: #999;
}

/* support hiding edit/delete buttons */
.air2-editwin .hide-rowedit .air2-rowedit {
    display: none !important;
}
.air2-editwin .hide-rowdelete .air2-rowdelete {
    display: none !important;
}

/* auto-height adjusting window */
.air2-editwin.air2-auto-height .air2-editwin-body {
    height: auto !important;
}
.air2-editwin.air2-auto-height .air2-editwin-body .x-form {
    height: auto !important;
}

/* override the proxy colors for window animations */
.x-window-proxy {
    background-color: #666;
    border-color: #444;
}
.x-panel-ghost {
    background-color: #666;
}
.x-panel-ghost ul {
    border-color: #444;
}

/* tabbed modal window */
.air2-editwin.tabbed-modal .air2-editwin-bwrap {
    z-index: 10;
    position: relative;
    margin-top: -25px;
}
.air2-editwin.tabbed-modal .x-tab-panel {
    padding-bottom: 5px;
}
.air2-editwin.tabbed-modal .x-tab-panel-body {
    border: 0 none;
}

/* tagpanel style */
.air2-tagpanel {
    overflow: hidden;
}
.air2-tagpanel .tag-add {
    padding-bottom: 5px;
}
.air2-tagpanel .tag-add div {
    display: inline;
    padding-right: 5px;
    vertical-align: bottom;
}
.air2-tagpanel .air2-panel-footer {
    padding: 0;
    height: 0;
    background: transparent;
    position: relative;
    overflow: visible;
}
.air2-tagpanel .tag-status {
    border: 1px solid black;
    color: black;
    position: absolute;
    padding: 4px 8px;
    visibility: hidden;
}
.air2-tagpanel .air2-panel-footer .undo {
    padding-left: 4px;
    line-height: 22px;
}
.air2-tagpanel .air2-tag-list {
    margin: 0;
    padding: 0;
}
.air2-tagpanel .air2-tag-list li {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    margin: 5px 5px 0 0;
    padding: 3px 5px;
    float: left;
}
.air2-tagpanel .air2-tag-delete-icon {
    background: transparent url(img/icons/cross-small.png) no-repeat 0 0;
    padding-left: 12px;
    cursor: pointer;
}
.air2-tag-search-result {
    width: auto !important;
    border: none;
}
.air2-tag-search-result .x-combo-list-inner {
    width: auto !important;
    overflow: hidden;
    background: #EFEFEF;
    border: 1px solid #CCC;
}
.air2-tag-search-result .x-combo-list-item {
    white-space: nowrap;
    padding: 1px 5px 1px;
    font-size: 13px;
    border: none !important;
}
.air2-tag-search-result .x-combo-selected {
    background-color: #CDCDCD !important;
}
/* hide edit functionality */
.air2-tagpanel.read-only .tag-add {
    display: none;
}
.air2-tagpanel.read-only .air2-tag-delete-icon {
    background-image: none;
    padding-left: 3px;
}


/* annotation panel style */
.air2-annotation-item .author {
    color: #999;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}
.air2-annotation-item .who {
    background: #eee url(img/icons/comment-arrow.png) no-repeat right center;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.air2-annotation-item .who img {
    float: left;
    border: 5px solid #ccc;
    margin: 0 10px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.air2-annotation-item .who strong {
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 2px 0;
}
.air2-annotation-item .text {
    margin: 10px 0 0 20px;
    min-height: 80px;
    float: left;
    width: 530px;
}
.air2-annotation-item .meta {
    border-top: 1px dotted #ddd;
    color: #999;
    font-size: 10px;
    padding-top: 2px;
    margin-top: 10px;
    text-transform: uppercase;
}
.air2-annotation-item .air2-rowedit {
    visibility: visible;
    margin-left: 4px;
}
.air2-annotation-item .air2-rowdelete {
    visibility: visible;
}
.air2-annotation-item .text .air2-btn {
    margin: 3px 5px 0 0;
    display: inline-block;
}
.air2-annotationpanel.air2-editwin .pin-livedataview-selector {
    border-color: #eee;
}
.air2-annotationpanel.air2-editwin .pin-livedataview-selector.row-alternate {
    background-color: transparent;
}


/* generic style for displaying newsrooms */
.air2-newsroom, .air2-newsroom:visited {
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* style for remote validation field waiting icon */
.air2-form-remote-wait {
    background: url(../lib/extjs/resources/images/default/grid/wait.gif) no-repeat;
    width: 100%;
    height: 19px;
    width: 19px;
    display: block;
    position: absolute;
    visibility: hidden;
}
